<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        html {
            background: white;
            font-size: 14px;
            min-width: 320px;
            overflow: hidden;
            overflow-y: scroll;
        }
        @media screen and (min-width: 992px) html::-webkit-scrollbar {
            width: 10px;
        }
            html::-webkit-scrollbar {
                width: 10px;
                background: #f4f5f5;
                width: 5px;
            }
            html::-webkit-scrollbar-thumb {
                background: #33a9dc;
                background-image: linear-gradient(#6ecd56, #33a9dc, #c69, #f16529);
            }
            body {
                margin: 0;
            }
            .colorful_scrollbar {
                padding: 10px 20px;
                background: orange;
                color: white;
                font-size: 18px;
            }
    </style>
</head>
<body>
<div class="colorful_scrollbar">
    <p>There are 16 HTML attributes that can be used on any HTML element. All of them are optional. You’ll mostly use class (which is used for CSS), and title (which is the tooltip that appears when hovering an item like this one). Some HTML elements have
        obligatory attributes. For example, when inserting an image, you have to provide the location of the image, using the src (source) attribute:</p>

    <p>There are 16 HTML attributes that can be used on any HTML element. All of them are optional. You’ll mostly use class (which is used for CSS), and title (which is the tooltip that appears when hovering an item like this one). Some HTML elements have
        obligatory attributes. For example, when inserting an image, you have to provide the location of the image, using the src (source) attribute:</p>

    <p>There are 16 HTML attributes that can be used on any HTML element. All of them are optional. You’ll mostly use class (which is used for CSS), and title (which is the tooltip that appears when hovering an item like this one). Some HTML elements have
        obligatory attributes. For example, when inserting an image, you have to provide the location of the image, using the src (source) attribute:</p>

    <p>There are 16 HTML attributes that can be used on any HTML element. All of them are optional. You’ll mostly use class (which is used for CSS), and title (which is the tooltip that appears when hovering an item like this one). Some HTML elements have
        obligatory attributes. For example, when inserting an image, you have to provide the location of the image, using the src (source) attribute:</p>

    <p>There are 16 HTML attributes that can be used on any HTML element. All of them are optional. You’ll mostly use class (which is used for CSS), and title (which is the tooltip that appears when hovering an item like this one). Some HTML elements have
        obligatory attributes. For example, when inserting an image, you have to provide the location of the image, using the src (source) attribute:</p>

    <p>There are 16 HTML attributes that can be used on any HTML element. All of them are optional. You’ll mostly use class (which is used for CSS), and title (which is the tooltip that appears when hovering an item like this one). Some HTML elements have
        obligatory attributes. For example, when inserting an image, you have to provide the location of the image, using the src (source) attribute:</p>

    <p>There are 16 HTML attributes that can be used on any HTML element. All of them are optional. You’ll mostly use class (which is used for CSS), and title (which is the tooltip that appears when hovering an item like this one). Some HTML elements have
        obligatory attributes. For example, when inserting an image, you have to provide the location of the image, using the src (source) attribute:</p>

    <p>There are 16 HTML attributes that can be used on any HTML element. All of them are optional. You’ll mostly use class (which is used for CSS), and title (which is the tooltip that appears when hovering an item like this one). Some HTML elements have
        obligatory attributes. For example, when inserting an image, you have to provide the location of the image, using the src (source) attribute:</p>
</div>
</body>
</html>